/*
 * Created Date: Monday November 19th 2018 5:00:03 pm
 * Author: xionghaizi
 * -----
 * Last Modified:Monday November 19th 2018 5:00:03 pm
 * Modified By: xionghaizi
 * -----
 * Copyright (c) 2018 <<company>>
 */
.itangquan-layout {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  min-height: 100%;
  display: table
}

.itangquan-layout-sider {
  display: table-cell;
  max-width: 200px;
  min-width: 200px;
  width: 200px;
  border-right: 1px solid #9b9898;
  height: 100%;
}

.itangquan-layout-body {
  /* border: 1px solid green; */
  display: table-cell;
  /* overflow-y: auto; */
  position: relative;
}

.iframe-body {
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  overflow-y: auto;
  top: 0;
}

iframe {
  display: block;
  width: 100%;
}

.itangquan-menu,
.itangquan-menu-sub {
  list-style-type: none;
  width: 100%;
  margin-block-start: 0px;
  margin-block-end: 0px;
  padding-inline-start: 0;
  padding: 0;
}

.itangquan-menu li,
div.itangquan-menu-title {
  /* border: 1px solid red; */
  /* padding-left: 40px; */
  width: 100%;
  cursor: pointer;
}
.itangquan-menu-title:hover{
  color: #1890ff;
}
.itangquan-menu-title {
  line-height: 40px;
  height: 40px;
  padding-left: 24px;
  display: table;
}

.itangquan-menu-title span {
  display: table-cell;
  text-align: left;
}
.itangquan-menu-title span:first-child {
  /* vertical-align: middle; */
  width: 20px;
}
.itangquan-menu-title span:nth-child(3) {
  font-size: 10px;
  vertical-align: middle;
  width: 20px;
  /* text-align: center; */
}

.itangquan-menu-title:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-right: 3px solid #1890ff;
  -webkit-transform: scaleY(.0001);
  -ms-transform: scaleY(.0001);
  transform: scaleY(.0001);
  opacity: 0;
  -webkit-transition: opacity .15s cubic-bezier(.215, .61, .355, 1),
    -webkit-transform .15s cubic-bezier(.215, .61, .355, 1);
  transition: opacity .15s cubic-bezier(.215, .61, .355, 1),
    -webkit-transform .15s cubic-bezier(.215, .61, .355, 1);
  transition: transform .15s cubic-bezier(.215, .61, .355, 1),
    opacity .15s cubic-bezier(.215, .61, .355, 1);
  transition: transform .15s cubic-bezier(.215, .61, .355, 1),
    opacity .15s cubic-bezier(.215, .61, .355, 1),
    -webkit-transform .15s cubic-bezier(.215, .61, .355, 1);
}

.menu-title-active {
  color: #1890ff;
}

.menu-sub-hidden {
  display: none;
}

.menu-selected {
  position: relative;
  background-color: #e6f7ff;
}

.menu-selected:after {
  -webkit-transition: opacity .15s cubic-bezier(.645, .045, .355, 1),
    -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: opacity .15s cubic-bezier(.645, .045, .355, 1),
    -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1),
    opacity .15s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1),
    opacity .15s cubic-bezier(.645, .045, .355, 1),
    -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}
